<template>
    <div>服务设置:<el-button @click="viewDesigner">查看designer</el-button>
        <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>

    </div>
</template>
<script>
import { basicFields } from "../../widget-panel/widgetsConfig"
export default {
    props: {
        designer: Object,
        serviceConfig: Object,
    },
    data() {
        return {
            data: [{
                label: '一级 1',
                children: [{
                    label: '二级 1-1',
                    children: [{
                        label: '三级 1-1-1'
                    }]
                }]
            }, {
                label: '一级 2',
                children: [{
                    label: '二级 2-1',
                    children: [{
                        label: '三级 2-1-1'
                    }]
                }, {
                    label: '二级 2-2',
                    children: [{
                        label: '三级 2-2-1'
                    }]
                }]
            }, {
                label: '一级 3',
                children: [{
                    label: '二级 3-1',
                    children: [{
                        label: '三级 3-1-1'
                    }]
                }, {
                    label: '二级 3-2',
                    children: [{
                        label: '三级 3-2-1'
                    }]
                }]
            }],
            defaultProps: {
                children: 'children',
                label: 'label'
            }
        }
    },
    mounted() {
        console.log(this.designer)
        console.log(basicFields)
    },
    methods: {
        viewDesigner() {
            console.log(this.designer)
        },
        handleNodeClick(node) {
            console.log(node);
            const widget=basicFields[0];
            widget.options.label=node.label;
            widget.options.defaultName=node.label+"zzz";
            this.designer.addFieldByDbClick(widget)
        }
    }
}

</script>